<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main1.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<title></title>
		<style type="text/css">
			.mapTable{width: 100%;border-collapse: collapse;text-align: center;table-layout: fixed;}
			.mapTable thead tr{background: rgba(24,61,194,0.7);}
			.mapTable thead tr th,.mapTable tbody tr td{padding: 5px;color: #bed8e0;font-weight: normal;}
		</style>
	</head>
	<body style="background: #000026; perspective: 100vh;"> 
		<img  class="bgImg" src="" alt="" />
		<div class="menu_bg">
			<ul class="menuLeft">
				<li><a href="上海接入资源视图.html">上海接入资源视图</a></li>
				<li><a href="上海IDC资源概览.html">重点接入业务视图</a></li>
				<li><a class="active" href="上海域名资源视图.html">上海域名资源视图</a></li>
			</ul>
		</div>
		<div class="container" id="page1st">
			<div class="header">
				<div class="logo" title="上海域名资源视图">上海域名资源视图</div>
				<a href="上海IDC资源概览.html" class="pre_btn"></a>		
			</div>
			<div class="content">
				<!-- <div class="winOpenBtn">IPv6专项</div> -->
				<div class="top_tip">
					上海共有注册服务机构数<span style="font-size:25px;">
					<strong>5个</strong></a></span>
					,权威解析机构数<span style="font-size:25px;">
					<strong>5个</strong></a></span>
					,递归解析机构数<span style="font-size:25px;">
					<strong>3个</a></strong></span>
					,注册域名数<span style="font-size:25px;">
					<strong>483,557个</strong></a></span>
				</div>
				<div class="bottom_content">
			    <div class="domain_center">
						<div class="right_content_top boxBg">
							<div class="comItem">
							    <h2>资源排名TOP5</h2>
								<ul class="tabType" style="padding:0 10px;margin-top: 10px;">
									<li class="active">域名注册商</li>
									<li>权威解析</li>
									<li>递归解析</li>
								</ul>
								<div class="ec_bar_box" style="padding:0 10px">
									<ul class="line_title">
									</ul>
									<div class="ec_line" id="ec_line1st"></div>
								</div>
							</div>
						</div>
						<div class="right_content_center right_table_box comItem boxBg" style="margin-top:10px">
						     	<h2>域名机构排名TOP10</h2>
								<ul class="tabType">
									<!-- <li >注册管理机构</li> -->
									<li class="active">注册服务机构</li>
									<li>权威解析机构</li>
								</ul>
									<table class="tab_heard">
										<tr>
											<th style="width:60px;">排名</th>
											<th>名称</th>
											<th>数量</th>
										</tr>
									</table>
									<div class="tab_scr" >
										<table class="tab_content">
                    					</table>
									</div>
							</div>
						
					</div>
          <div class="domain_right comItem boxBg" style="padding: 0;">
						<h2>资源数量</h2>
						<table class="mapTable">
							<thead>
								<tr>
									<th>区县名称</th>
									<th>注册服务机构数</th>
									<th>权威解析机构数</th>
									<th>递归解析机构数</th>
									<th>域名数</th>
								</tr>
							</thead>
							<tbody class="resource_no">
							</tbody>
						</table>
						<div class="ec_map_th" id="ec_map_th"></div>
					</div>
					<div class="domain_left boxBg">
						<h2>上海注册域名规模排名</h2>
						<table class="tab_heard">
							<tr>
								<th>国内排名</th>
								<th>后缀</th>
								<th>注册量</th>
							</tr>
						</table>
						<div class="tab_scr" id="rankListRight" >
							<table class="tab_content">
								<tr>
									<td>1</td>
									<td>四大福</td>
									<td>12356</td>
								</tr>
           				 </table>
						</div>
					</div>
				</div>
			</div>
			<div class="foot">
				<a href="上海接入资源视图.html" class="next_btn"></a>
			</div>
		</div>
		<!-- <div class="map_open" id="mapOpen" style="z-index: 99999999;">
			<div class="map_shadow"></div>
			<div class="map_close" style="right:15%;top:5%"></div>
			<iframe name="myFrame" src="IPv6监测指标体系.html" class="iframeBox" 
			style="display: block;width: 90%; height:96%;left:5%;top:2%;z-index: 999;position: absolute;border: none;"></iframe>
		</div> -->
		<div class="foot_right_logo"></div>
		<script src="static/js/calculate.js"></script>
		<script>
			calculate4th();
			window.onresize=function(){
				calculate4th();
			}
		</script>
		<script>
			$(".winOpenBtn").click(function(){
				$(".map_open").show();
				$(".map_open iframe").removeClass('zoomOut animated').addClass("zoomIn animated");
				$(".home",top.document).fadeOut()
			})
		</script>
		<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/js-base/shanghai.js"></script>
		<script src="static/js/page4th_sh.js"></script>
		<script src="static/js/menuShow.js"></script>
		<script src="static/js/boxBg.js"></script>
		<script src="static/js/imgSkin.js"></script>
	</body>
</html>
